<template>
	<div class="floor">
		<div class="floor_list">
			<!-- <a v-for="(item,index) in floor" :key="index">
			  <img :src="item"></img>
			</a> -->
			<div class="now">
				<div style="margin: 0.2666rem;">
					<h2>现在下单</h2>
					<p>大师咖啡/真果茶/冰淇淋</p>
				</div>
			</div>
			<div class="welfare">
				<div style="margin: 0.5333rem 0.2rem;">
					<h2>福利中心</h2>
					<p>周周领券，福利多多</p>
				</div>
			</div>
			<div class="activity">
				<div style="margin: 0.2333rem 0.2666rem;">
					<h3>618元气周</h3>
				</div>
			</div>
			<div class="activity1">
				<div style="margin: 0.2333rem 0.2666rem;">
					<h3>今日买4送1</h3>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: '',
		data(){
			return{
			}
		},
		components:{
			
		}
	}
</script>

<style scoped="scoped">
	.floor{
		width: 95%;
		height: 5.3333rem;
		position: absolute;
		top: 6.3333rem;
		margin: 0 0.2666rem;
	}
	.floor_list{
		width: 100%;
		height: 5.3333rem;
		overflow: hidden;
		border-radius: 0.2666rem;
		background-color: white;
		padding: 0.2rem;
		/* border: 0.0133rem solid red; */
	}
	.now{
		float: left;
		width: 40%;
		height: 100%;
		background-image: url("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2021248734,3696132078&fm=224&gp=0.jpg");
		background-size: 100% 100%;
	}
	.welfare{
		width: 57%;
		height: 48%;
		float: left;
		margin-left: 0.2rem;
		margin-bottom: 0.2rem;
		background-image: url("https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2705905836,3788195599&fm=26&gp=0.jpg");
		background-size: 100% 100%;
	}
	.activity{
		width: 27%;
		height: 48%;
		float: left;
		margin-left: 0.2rem;
		background-image: url("https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2669705294,3043642673&fm=26&gp=0.jpg");
		background-size: 100% 100%;
	}
	.activity1{
		width: 27.8%;
		height: 48%;
		float: left;
		margin-left: 0.2rem;
		background-image: url("https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2632539032,2813051661&fm=26&gp=0.jpg");
		background-size: 100% 100%;
	}
</style>
